<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/register.css">

</head>
<body>
<div class="top">
    <div class="container clearfix">
        <a href="index.html" class="logo"><img src="images/logo.png" alt=""></a><h3>欢迎注册</h3>
        <a href="login.html" class="login">请登录</a><span>已有账号？</span>
    </div>
</div>
<div class="bg">
    <div class="content container clearfix">
        <form action="" method="post" class="register" autocomplete="off" id="registerForm">
            <label for="username">用户名</label>
            <input type="text" id="username" class="username" name="username" placeholder="请输入您的账户名">
            <label for="password">设置密码</label>
            <input type="password" id="password" class="password" name="password" placeholder="建议至少使用两种字符组合">
            <label for="confirm">确认密码</label>
            <input type="password" id="confirm" class="confirm" name="confirm" placeholder="请再次输入密码">
            <label for="email">邮箱/Email</label>
            <input type="text" id="email" class="email" name="email" placeholder="请输入您的邮箱">
            <label for="tel">手机号码</label>
            <input type="text" id="tel" class="tel" name="tel" placeholder="建议使用常用手机">
            <label for="pin">手机验证码</label>
            <input type="text" id="pin" class="pin" name="pin" placeholder="输入手机验证码"><button type="button" class="pin-btn">获取验证码</button>
            <div class="pact">
                <input type="checkbox" id="pact"  checked="checked"><label for="pact">我同意注册协议</label>
            </div>
            <button type="submit" class="submit" id="submit">立即注册</button>
        </form>
    </div>
</div>
<div class="footer">
    <div class="container clearfix">
        <div class="service clearfix">
            <ul>
                <li>帮助中心</li>
                <li><a href="">购物指南</a></li>
                <li><a href="">新用户注册</a></li>
                <li><a href="">换货流程</a></li>
                <li><a href="">联系客服</a></li>
            </ul>
            <ul>
                <li>支付中心</li>
                <li><a href="">在线支付</a></li>
                <li><a href="">货到付款</a></li>
                <li><a href="">分期付款</a></li>
                <li><a href="">公司转账</a></li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li><a href="">售后政策</a></li>
                <li><a href="">价格保护</a></li>
                <li><a href="">退款说明</a></li>
                <li><a href="">取消订单</a></li>
            </ul>
            <ul class="unique">
                <li>常见问题</li>
                <li><a href="">订单无法确认？</a></li>
                <li><a href="">支付失败</a></li>
                <li><a href="">订单错误</a></li>
            </ul>
        </div>
        <div class="QRcode">
            <img src="images/QRcode.jpg" alt="">
            <p>达墨商城官方微信</p>
        </div>
        <p class="copy">&copy;COPYRIGHT&nbsp;&nbsp;达墨商城版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可证：JY1223563467431</p>
    </div>
</div>

<script type="text/javascript" src="lib/jquery-2.1.1.js"></script>
<script type="text/javascript" src="lib/storages-1.2.3.js"></script>
<script type="text/javascript" src="js/_public.js"></script>
<script type="text/javascript" src="js/register.js"></script>
</body>
</html>